* {
    margin: 0;
    padding: 0;
    color: #111;
    text-decoration: none;
    font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

body {
    background: #eaeaea;
}

img {
    border: 0;
}

#pc-mendian {
    display: none;
}

/* 蛋糕二级菜单隐藏 */

.PC-cake:hover {
    .PC-cake-hover {
        display: block !important;
    }
}

/* 设备>1200时 */

@media screen and (min-width:1200px) {
    .M {
        display: none;
    }
    /* PC头部*/
    .PC-head {
        width: 100%;
        background: #fff;
        >div:nth-of-type(1) {
            width: 1200px;
            height: 100px;
            margin: 0 auto;
            >div:nth-of-type(1) {
                float: left;
                overflow: hidden;
                >div:nth-of-type(1) {
                    float: left;
                    margin-top: 25px;
                    width: 156px;
                    >a {
                        display: block;
                        >img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
                >div:nth-of-type(2) {
                    float: right;
                    margin: 35px 0 0 10px;
                    height: 20px;
                    padding: 0 10px;
                    background: #e53b37;
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    border-radius: 20px;
                    line-height: 20px;
                }
            }
            >div:nth-of-type(2) {
                float: right;
                /*蛋糕*/
                .PC-cake {
                    width: 90px;
                    height: 100px;
                    float: left;
                    >div:nth-of-type(1) {
                        height: 75px;
                        margin-top: 25px;
                        >a {
                            display: block;
                            width: 100%;
                            height: 100%;
                            text-align: center;
                            >div {
                                display: block;
                                width: 27px;
                                height: 25px;
                                margin: 0 auto 10px;
                                text-align: center;
                                img {
                                    width: 100%;
                                }
                                .red {
                                    display: none;
                                }
                            }
                            >p {
                                font-size: 13px;
                            }
                        }
                        >a:hover {
                            >div {
                                .black {
                                    display: none;
                                }
                                .red {
                                    display: block;
                                }
                            }
                            >p {
                                color: #e53b37;
                            }
                        }
                    }
                    .PC-cake-hover {
                        display: none;
                        width: 1205px;
                        border-top: 10px solid rgba(000, 000, 000, 0);
                        margin: 0 auto;
                        z-index: 3;
                        position: absolute;
                        top: 100px;
                        left: 50%;
                        margin-left: -602.5px;
                        >div {
                            border-radius: 8px;
                            padding: 20px 0;
                            background: #fff;
                            overflow: hidden;
                            box-shadow: 0px 5px 21px 0px rgba(4, 0, 0, 0.24);
                            >a {
                                display: block;
                                width: 200px;
                                float: left;
                                text-align: center;
                                border-right: 1px solid #dedede;
                                >p {
                                    margin-top: 25px;
                                    color: #a9a9a9;
                                    font-size: 14px;
                                }
                            }
                            a:hover {
                                p {
                                    color: #e53b37;
                                }
                            }
                            .PC-cake-hover-right {
                                border-right: 0;
                                height: 140px;
                                line-height: 140px;
                                p {
                                    margin-top: 0;
                                }
                            }
                        }
                    }
                }
            }
            /* 登录注册*/
            .PC-DengLu {
                float: left;
                text-align: center;
                height: 100%;
                line-height: 95px;
                .PC-enter {
                    float: left;
                    margin-left: 70px;
                    margin-right: 10px;
                    font-size: 14px;
                    a {
                        font-size: 14px;
                    }
                    a:hover {
                        color: #e53b37;
                    }
                }
                .PC-esc {
                    font-size: 12px;
                    display: block;
                    float: left;
                    margin-left: 70px;
                    margin-right: 10px;
                    position: relative;
                    >p {
                        font-size: 12px;
                        color: #111;
                        width: 60px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }
                    div {
                        position: absolute;
                        top: 70px;
                        left: -24px;
                        display: none;
                        width: 110px;
                        z-index: 10;
                        border-radius: 10px;
                        background: #fff;
                        box-shadow: 0px 0px 35px 0px rgba(138, 138, 138, 0.38);
                        p {
                            line-height: 40px;
                        }
                        p:hover {
                            a {
                                color: #219dfd;
                            }
                        }
                    }
                }
                .PC-esc:hover {
                    >p {
                        color: #219dfd;
                    }
                    div {
                        display: block;
                    }
                }
                >a {
                    font-size: 16px;
                }
                .PC-car {
                    float: right;
                    a {
                        position: relative;
                        >span:nth-of-type(1) {
                            font-size: 25px;
                            color: #0f0f0f;
                        }
                        >span:nth-of-type(2) {
                            position: absolute;
                            right: -5px;
                            top: -10px;
                            display: block;
                            background: #e53b37;
                            color: #fff;
                            font-size: 12px;
                            padding: 1px;
                            font-size: 12px;
                            line-height: 12px;
                            -moz-border-radius: 7px;
                            border-radius: 7px;
                            min-width: 12px;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
    /* 地址弹出框 */
    .PC-location {
        position: fixed;
        bottom: 0;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .PC-location-content {
            position: fixed;
            left: 50%;
            top: 50%;
            margin: -200px 0 0 -133px;
            width: 266px;
            height: 400px;
            background: #fff;
            border-radius: 13px;
            text-align: center;
            padding: 0 50px;
            >div:nth-of-type(1) {
                height: 50px;
                line-height: 50px;
                font-size: 14px;
                color: #a0a0a0;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px;
                }
                .pc-chengshi-fanhui {
                    color: #a0a0a0;
                    position: absolute;
                    left: 55px;
                }
            }
            ul {
                padding-top: 30px;
                overflow: auto;
                text-align: center;
                height: 210px;
                li {
                    display: inline-block;
                    padding: 0 20px;
                    min-height: 40px;
                    border-radius: 40px;
                    text-align: center;
                    line-height: 40px;
                    color: #a0a0a0;
                    margin-bottom: 20px;
                    cursor: pointer;
                    border: 1px solid #fff;
                }
                li:hover {
                    color: #e53b37;
                    border: 1px solid #e53b37;
                }
                .PC-this-location {
                    color: #fff !important;
                    background: #e53b37;
                    border: 1px solid #e53b37;
                }
            }
            >p {
                color: #a0a0a0;
                font-size: 14px;
                height: 50px;
                line-height: 50px;
                border-bottom: 1px solid #e9e9e9;
                margin-bottom: 15px;
            }
            a {
                color: #e53b37;
                font-size: 14px;
            }
        }
    }
    /* 公共脚部*/
    .PC-foot {
        width: 100%;
        background: url('../../img/foot/PC_backgrounder.png') no-repeat;
        background-size: 100% 100%;
        .PC-foot-content {
            width: 1200px;
            margin: 0 auto;
            padding-top: 38px;
            overflow: hidden;
            >div {
                float: left;
            }
            >div:nth-of-type(1) {
                width: 140px;
                margin-right: 95px;
                img {
                    width: 100%;
                }
            }
            >div:nth-of-type(2) {
                margin-right: 90px;
                ul {
                    li {
                        list-style: none;
                        margin-bottom: 30px;
                        font-size: 16px;
                        a {
                            color: #797979;
                        }
                        a:hover {
                            color: #ff452a;
                        }
                    }
                }
            }
            >div:nth-of-type(3) {
                ul {
                    >li:nth-of-type(1) {
                        list-style: none;
                        margin-bottom: 30px;
                        font-size: 16px;
                        a {
                            color: #797979;
                            span {
                                font-size: 24px;
                                margin-right: 15px;
                                color: #797979;
                            }
                        }
                        a:hover {
                            color: #ff452a;
                            span {
                                color: #ff452a;
                            }
                        }
                    }
                    >li:nth-of-type(2) {
                        list-style: none;
                        margin-bottom: 30px;
                        font-size: 16px;
                        position: relative;
                        >div:nth-of-type(1) {
                            color: #797979;
                            span {
                                font-size: 22px;
                                margin-right: 15px;
                                color: #797979;
                            }
                        }
                        div:nth-of-type(2) {
                            display: none;
                            position: absolute;
                            transition: all .5s;
                            right: -150px;
                            top: -50px;
                            padding: 10px;
                            border-radius: 10px;
                            text-align: center;
                            background: #fff;
                            img {
                                width: 105px;
                            }
                            p {
                                font-size: 12px;
                            }
                        }
                    }
                    >li:nth-of-type(2):hover {
                        >div:nth-of-type(1) {
                            color: #1ae759;
                            span {
                                color: #1ae759;
                            }
                        }
                        >div:nth-of-type(2) {
                            display: block;
                        }
                    }
                }
            }
            >div:nth-of-type(4) {
                float: right;
                text-align: right;
                >p {
                    font-size: 12px;
                    color: #797979;
                }
                >p:nth-of-type(1) {
                    font-size: 24px;
                    span {
                        font-size: 24px;
                        color: #797979;
                    }
                }
                >p:nth-of-type(2) {
                    margin-top: 20px;
                }
                >p:nth-of-type(3) {
                    margin-top: 130px;
                }
            }
        }
    }
}

/* 设备1080-1200时 */

@media screen and (min-width:1080px) and (max-width:1199px) {
    .M {
        display: none;
    }
    /* PC头部*/
    .PC-head {
        width: 100%;
        background: #fff;
        >div:nth-of-type(1) {
            width: 1200px*0.9;
            height: 100px*0.9;
            margin: 0 auto;
            >div:nth-of-type(1) {
                float: left;
                overflow: hidden;
                >div:nth-of-type(1) {
                    float: left;
                    margin-top: 25px*0.9;
                    width: 156px*0.9;
                    >a {
                        display: block;
                        >img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
                >div:nth-of-type(2) {
                    float: right;
                    margin: 35px*0.9 0 0 10px*0.9;
                    height: 20px*0.9;
                    padding: 0 10px*0.9;
                    background: #e53b37;
                    color: #fff;
                    font-size: 12px*0.9;
                    text-align: center;
                    border-radius: 20px*0.9;
                    line-height: 20px*0.9;
                }
            }
            >div:nth-of-type(2) {
                float: right;
                /*蛋糕*/
                .PC-cake {
                    width: 90px*0.9;
                    height: 100px*0.9;
                    float: left;
                    >div:nth-of-type(1) {
                        height: 75px*0.9;
                        margin-top: 25px*0.9;
                        >a {
                            display: block;
                            width: 100%;
                            height: 100%;
                            text-align: center;
                            >div {
                                display: block;
                                width: 27px*0.9;
                                height: 25px*0.9;
                                margin: 0 auto 10px*0.9;
                                text-align: center;
                                img {
                                    width: 100%;
                                }
                                .red {
                                    display: none;
                                }
                            }
                            >p {
                                font-size: 13px*0.9;
                            }
                        }
                        >a:hover {
                            >div {
                                .black {
                                    display: none;
                                }
                                .red {
                                    display: block;
                                }
                            }
                            >p {
                                color: #e53b37;
                            }
                        }
                    }
                    .PC-cake-hover {
                        display: none;
                        width: 1205px*0.9;
                        margin: 10px*0.9 auto 0;
                        z-index: 3;
                        position: absolute;
                        top: 100px*0.9;
                        left: 50%;
                        margin-left: -602.5px*0.9;
                        >div {
                            border-radius: 8px*0.9;
                            padding: 20px*0.9 0;
                            background: #fff;
                            overflow: hidden;
                            box-shadow: 0px 5px 21px 0px rgba(4, 0, 0, 0.24);
                            >a {
                                display: block;
                                width: 200px*0.9;
                                float: left;
                                text-align: center;
                                border-right: 1px solid #dedede;
                                >p {
                                    margin-top: 25px*0.9;
                                    color: #a9a9a9;
                                    font-size: 14px*0.9;
                                }
                            }
                            >a:hover {
                                p {
                                    color: #e53b37;
                                }
                            }
                            .PC-cake-hover-right {
                                border-right: 0;
                                height: 140px*0.9;
                                line-height: 140px*0.9;
                                p {
                                    margin-top: 0;
                                }
                            }
                        }
                    }
                }
                /* 登录注册*/
                .PC-DengLu {
                    float: left;
                    text-align: center;
                    height: 100%;
                    line-height: 95px*0.9;
                    .PC-enter {
                        float: left;
                        margin-left: 70px*0.9;
                        margin-right: 10px*0.9;
                        font-size: 14px*0.9;
                        a {
                            font-size: 14px*0.9;
                        }
                        a:hover {
                            color: #e53b37;
                        }
                    }
                    .PC-esc {
                        font-size: 12px*0.9;
                        display: block;
                        float: left;
                        margin-left: 70px*0.9;
                        margin-right: 10px*0.9;
                        position: relative;
                        >p {
                            font-size: 12px*0.9;
                            color: #111;
                            width: 60px*0.9;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                        }
                        div {
                            position: absolute;
                            top: 70px*0.9;
                            left: -24px*0.9;
                            display: none;
                            width: 110px*0.9;
                            z-index: 10;
                            border-radius: 10px*0.9;
                            background: #fff;
                            box-shadow: 0px 0px 35px 0px rgba(138, 138, 138, 0.38);
                            p {
                                line-height: 40px*0.9;
                            }
                            p:hover {
                                a {
                                    color: #219dfd;
                                }
                            }
                        }
                    }
                    .PC-esc:hover {
                        >p {
                            color: #219dfd;
                        }
                        div {
                            display: block;
                        }
                    }
                    >a {
                        font-size: 16px*0.9;
                    }
                    .PC-car {
                        float: right;
                        a {
                            position: relative;
                            >span:nth-of-type(1) {
                                font-size: 25px*0.9;
                                color: #0f0f0f;
                            }
                            >span:nth-of-type(2) {
                                position: absolute;
                                right: -5px*0.9;
                                top: -10px*0.9;
                                display: block;
                                background: #e53b37;
                                color: #fff;
                                font-size: 12px*0.9;
                                padding: 1px;
                                font-size: 12px*0.9;
                                line-height: 12px*0.9;
                                -moz-border-radius: 7px;
                                border-radius: 7px;
                                min-width: 12px*0.9;
                                text-align: center;
                            }
                        }
                    }
                }
            }
        }
    }
    /* 地址弹出框 */
    .PC-location {
        position: fixed;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .PC-location-content {
            position: fixed;
            left: 50%;
            top: 50%;
            margin: -200px*0.9 0 0 -133px*0.9;
            width: 266px*0.9;
            height: 400px*0.9;
            background: #fff;
            border-radius: 13px*0.9;
            text-align: center;
            padding: 0 50px*0.9;
            >div:nth-of-type(1) {
                height: 50px*0.9;
                line-height: 50px*0.9;
                font-size: 14px*0.9;
                color: #a0a0a0;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px*0.9;
                }
                .pc-chengshi-fanhui {
                    color: #a0a0a0;
                    position: absolute;
                    left: 55px*0.9;
                }
            }
            ul {
                padding-top: 30px*0.9;
                overflow: auto;
                text-align: center;
                height: 210px*0.9;
                li {
                    display: inline-block;
                    padding: 0 20px*0.9;
                    min-height: 40px*0.9;
                    border-radius: 40px*0.9;
                    text-align: center;
                    line-height: 40px*0.9;
                    color: #a0a0a0;
                    margin-bottom: 20px*0.9;
                    cursor: pointer;
                    border: 1px solid #fff;
                }
                li:hover {
                    color: #e53b37;
                    border: 1px solid #e53b37;
                }
                .PC-this-location {
                    color: #fff !important;
                    background: #e53b37;
                    border: 1px solid #e53b37;
                }
            }
            >p {
                color: #a0a0a0;
                font-size: 14px*0.9;
                height: 50px*0.9;
                line-height: 50px*0.9;
                border-bottom: 1px solid #e9e9e9;
                margin-bottom: 15px*0.9;
            }
            a {
                color: #e53b37;
                font-size: 14px*0.9;
            }
        }
    }
    /* 公共脚部*/
    .PC-foot {
        width: 100%;
        background: url('../../img/foot/PC_backgrounder.png') no-repeat;
        background-size: 100% 100%;
        .PC-foot-content {
            width: 1200px*0.9;
            margin: 0 auto;
            padding-top: 38px*0.9;
            overflow: hidden;
            >div {
                float: left;
            }
            >div:nth-of-type(1) {
                width: 140px*0.9;
                margin-right: 95px*0.9;
                img {
                    width: 100%;
                }
            }
            >div:nth-of-type(2) {
                margin-right: 90px*0.9;
                ul {
                    li {
                        list-style: none;
                        margin-bottom: 30px*0.9;
                        font-size: 16px*0.9;
                        a {
                            color: #797979;
                        }
                        a:hover {
                            color: #ff452a;
                        }
                    }
                }
            }
            >div:nth-of-type(3) {
                ul {
                    >li:nth-of-type(1) {
                        list-style: none;
                        margin-bottom: 30px*0.9;
                        font-size: 16px*0.9;
                        a {
                            color: #797979;
                            span {
                                font-size: 24px*0.9;
                                margin-right: 15px*0.9;
                                color: #797979;
                            }
                        }
                        a:hover {
                            color: #ff452a;
                            span {
                                color: #ff452a;
                            }
                        }
                    }
                    >li:nth-of-type(2) {
                        list-style: none;
                        margin-bottom: 30px*0.9;
                        font-size: 16px*0.9;
                        position: relative;
                        >div:nth-of-type(1) {
                            color: #797979;
                            span {
                                font-size: 22px*0.9;
                                margin-right: 15px*0.9;
                                color: #797979;
                            }
                        }
                        div:nth-of-type(2) {
                            display: none;
                            position: absolute;
                            transition: all .5s;
                            right: -150px*0.9;
                            top: -50px*0.9;
                            padding: 10px*0.9;
                            border-radius: 10px*0.9;
                            text-align: center;
                            background: #fff;
                            img {
                                width: 105px*0.9;
                            }
                            p {
                                font-size: 12px*0.9;
                            }
                        }
                    }
                    >li:nth-of-type(2):hover {
                        >div:nth-of-type(1) {
                            color: #1ae759;
                            span {
                                color: #1ae759;
                            }
                        }
                        >div:nth-of-type(2) {
                            display: block;
                        }
                    }
                }
            }
            >div:nth-of-type(4) {
                float: right;
                text-align: right;
                >p {
                    font-size: 12px*0.9;
                    color: #797979;
                }
                >p:nth-of-type(1) {
                    font-size: 24px*0.9;
                    span {
                        font-size: 24px*0.9;
                        color: #797979;
                    }
                }
                >p:nth-of-type(2) {
                    margin-top: 20px*0.9;
                }
                >p:nth-of-type(3) {
                    margin-top: 130px*0.9;
                }
            }
        }
    }
}

/* 设备960-1079时 */

@media screen and (min-width:960px) and (max-width:1079px) {
    .M {
        display: none;
    }
    .PC-head {
        width: 100%;
        background: #fff;
        >div:nth-of-type(1) {
            width: 1200px*0.8;
            height: 100px*0.8;
            margin: 0 auto;
            >div:nth-of-type(1) {
                float: left;
                overflow: hidden;
                >div:nth-of-type(1) {
                    float: left;
                    margin-top: 25px*0.8;
                    width: 156px*0.8;
                    >a {
                        display: block;
                        >img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
                >div:nth-of-type(2) {
                    float: right;
                    margin: 35px*0.8 0 0 10px*0.8;
                    height: 20px*0.8;
                    padding: 0 10px*0.8;
                    background: #e53b37;
                    color: #fff;
                    font-size: 12px*0.8;
                    text-align: center;
                    border-radius: 20px*0.8;
                    line-height: 20px*0.8;
                }
            }
            >div:nth-of-type(2) {
                float: right;
                /*蛋糕*/
                .PC-cake {
                    width: 90px*0.8;
                    height: 100px*0.8;
                    float: left;
                    >div:nth-of-type(1) {
                        height: 75px*0.8;
                        margin-top: 25px*0.8;
                        >a {
                            display: block;
                            width: 100%;
                            height: 100%;
                            text-align: center;
                            >div {
                                display: block;
                                width: 27px*0.8;
                                height: 25px*0.8;
                                margin: 0 auto 10px*0.8;
                                text-align: center;
                                img {
                                    width: 100%;
                                }
                                .red {
                                    display: none;
                                }
                            }
                            >p {
                                font-size: 13px*0.8;
                            }
                        }
                        >a:hover {
                            >div {
                                .black {
                                    display: none;
                                }
                                .red {
                                    display: block;
                                }
                            }
                            >p {
                                color: #e53b37;
                            }
                        }
                    }
                    .PC-cake-hover {
                        display: none;
                        width: 1205px*0.8;
                        margin: 10px*0.8 auto;
                        z-index: 3;
                        position: absolute;
                        top: 100px*0.8;
                        left: 50%;
                        margin-left: -602.5px*0.8;
                        >div {
                            border-radius: 8px*0.8;
                            padding: 20px*0.8 0;
                            background: #fff;
                            overflow: hidden;
                            box-shadow: 0px 5px 21px 0px rgba(4, 0, 0, 0.24);
                            >a {
                                display: block;
                                width: 200px*0.8;
                                float: left;
                                text-align: center;
                                border-right: 1px solid #dedede;
                                >p {
                                    margin-top: 25px*0.8;
                                    color: #a9a9a9;
                                    font-size: 14px*0.8;
                                }
                            }
                            a:hover {
                                p {
                                    color: #e53b37;
                                }
                            }
                            .PC-cake-hover-right {
                                border-right: 0;
                                height: 140px*0.8;
                                line-height: 140px*0.8;
                                p {
                                    margin-top: 0;
                                }
                            }
                        }
                    }
                }
                /* 登录注册*/
                .PC-DengLu {
                    float: left;
                    text-align: center;
                    height: 100%;
                    line-height: 95px*0.8;
                    .PC-enter {
                        float: left;
                        margin-left: 70px*0.8;
                        margin-right: 10px*0.8;
                        font-size: 14px*0.8;
                        a {
                            font-size: 14px*0.8;
                        }
                        a:hover {
                            color: #e53b37;
                        }
                    }
                    .PC-esc {
                        font-size: 12px*0.8;
                        display: block;
                        float: left;
                        margin-left: 70px*0.8;
                        margin-right: 10px*0.8;
                        position: relative;
                        >p {
                            font-size: 12px*0.8;
                            color: #111;
                            width: 60px*0.8;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                        }
                        div {
                            position: absolute;
                            top: 70px*0.8;
                            left: -24px*0.8;
                            display: none;
                            width: 110px*0.8;
                            z-index: 10;
                            border-radius: 10px*0.8;
                            background: #fff;
                            box-shadow: 0px 0px 35px 0px rgba(138, 138, 138, 0.38);
                            p {
                                line-height: 40px*0.8;
                            }
                            p:hover {
                                a {
                                    color: #219dfd;
                                }
                            }
                        }
                    }
                    .PC-esc:hover {
                        >p {
                            color: #219dfd;
                        }
                        div {
                            display: block;
                        }
                    }
                    >a {
                        font-size: 16px*0.8;
                    }
                    .PC-car {
                        float: right;
                        a {
                            position: relative;
                            >span:nth-of-type(1) {
                                font-size: 25px*0.8;
                                color: #0f0f0f;
                            }
                            >span:nth-of-type(2) {
                                position: absolute;
                                right: -5px*0.8;
                                top: -10px*0.8;
                                display: block;
                                background: #e53b37;
                                color: #fff;
                                font-size: 12px*0.8;
                                padding: 1px;
                                font-size: 12px*0.8;
                                line-height: 12px*0.8;
                                -moz-border-radius: 7px;
                                border-radius: 7px;
                                min-width: 12px*0.8;
                                text-align: center;
                            }
                        }
                    }
                }
            }
        }
    }
    /* 地址弹出框 */
    .PC-location {
        position: fixed;
        bottom: 0;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .PC-location-content {
            position: fixed;
            left: 50%;
            top: 50%;
            width: 250px;
            height: 400px*0.8;
            background: #fff;
            border-radius: 13px*0.8;
            text-align: center;
            padding: 0 50px*0.8;
            >div:nth-of-type(1) {
                height: 50px*0.8;
                line-height: 50px*0.8;
                font-size: 14px*0.8;
                color: #a0a0a0;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px*0.8;
                }
                .pc-chengshi-fanhui {
                    color: #a0a0a0;
                    position: absolute;
                    left: 55px*0.8;
                }
            }
            ul {
                padding-top: 30px*0.8;
                overflow: auto;
                text-align: center;
                height: 210px*0.8;
                li {
                    display: inline-block;
                    padding: 0 20px*0.8;
                    min-height: 40px*0.8;
                    border-radius: 40px*0.8;
                    text-align: center;
                    line-height: 40px*0.8;
                    color: #a0a0a0;
                    margin-bottom: 20px*0.8;
                    cursor: pointer;
                    border: 1px solid #fff;
                }
                li:hover {
                    color: #e53b37;
                    border: 1px solid #e53b37;
                }
                .PC-this-location {
                    color: #fff !important;
                    background: #e53b37;
                    border: 1px solid #e53b37;
                }
            }
            >p {
                color: #a0a0a0;
                font-size: 14px*0.8;
                height: 50px*0.8;
                line-height: 50px*0.8;
                border-bottom: 1px solid #e9e9e9;
                margin-bottom: 15px*0.8;
            }
            a {
                color: #e53b37;
                font-size: 14px*0.8;
            }
        }
    }
    /* 公共脚部*/
    .PC-foot {
        width: 100%;
        background: url('../../img/foot/PC_backgrounder.png') no-repeat;
        background-size: 100% 100%;
        .PC-foot-content {
            width: 1200px*0.8;
            margin: 0 auto;
            padding-top: 38px*0.8;
            overflow: hidden;
            >div {
                float: left;
            }
            >div:nth-of-type(1) {
                width: 140px*0.8;
                margin-right: 95px*0.8;
                img {
                    width: 100%;
                }
            }
            >div:nth-of-type(2) {
                margin-right: 90px*0.8;
                ul {
                    li {
                        list-style: none;
                        margin-bottom: 30px*0.8;
                        font-size: 16px*0.8;
                        a {
                            color: #797979;
                        }
                        a:hover {
                            color: #ff452a;
                        }
                    }
                }
            }
            >div:nth-of-type(3) {
                ul {
                    >li:nth-of-type(1) {
                        list-style: none;
                        margin-bottom: 30px*0.8;
                        font-size: 16px*0.8;
                        a {
                            color: #797979;
                            span {
                                font-size: 24px*0.8;
                                margin-right: 15px*0.8;
                                color: #797979;
                            }
                        }
                        a:hover {
                            color: #ff452a;
                            span {
                                color: #ff452a;
                            }
                        }
                    }
                    >li:nth-of-type(2) {
                        list-style: none;
                        margin-bottom: 30px*0.8;
                        font-size: 16px*0.8;
                        position: relative;
                        >div:nth-of-type(1) {
                            color: #797979;
                            span {
                                font-size: 22px*0.8;
                                margin-right: 15px*0.8;
                                color: #797979;
                            }
                        }
                        div:nth-of-type(2) {
                            display: none;
                            position: absolute;
                            transition: all .5s;
                            right: -150px*0.8;
                            top: -50px*0.8;
                            padding: 10px*0.8;
                            border-radius: 10px*0.8;
                            text-align: center;
                            background: #fff;
                            img {
                                width: 105px*0.8;
                            }
                            p {
                                font-size: 12px*0.8;
                            }
                        }
                    }
                    >li:nth-of-type(2):hover {
                        >div:nth-of-type(1) {
                            color: #1ae759;
                            span {
                                color: #1ae759;
                            }
                        }
                        >div:nth-of-type(2) {
                            display: block;
                        }
                    }
                }
            }
            >div:nth-of-type(4) {
                float: right;
                text-align: right;
                >p {
                    font-size: 12px*0.8;
                    color: #797979;
                }
                >p:nth-of-type(1) {
                    font-size: 24px*0.8;
                    span {
                        font-size: 24px*0.8;
                        color: #797979;
                    }
                }
                >p:nth-of-type(2) {
                    margin-top: 20px*0.8;
                }
                >p:nth-of-type(3) {
                    margin-top: 130px*0.8;
                }
            }
        }
    }
}

/* 设备768-959时 */

@media screen and (min-width:768px) and (max-width:959px) {
    .PC {
        display: none;
    }
    .M-header {
        background: #fff;
        >div {
            width: 720px;
            margin: 0 auto;
            height: 90px;
            line-height: 90px;
            text-align: center;
            position: relative;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 0px;
                left: 0;
                >a {
                    vertical-align: middle;
                    display: inline-block;
                    line-height: 90px;
                    height: 90px;
                    >img {
                        margin-top: 25px;
                        width: 174px;
                    }
                }
                >span {
                    margin-left: 32px;
                    vertical-align: middle;
                    display: inline-block;
                    padding: 0px 5px;
                    border-radius: 5px;
                    border: solid 1px #080102;
                    color: #fff;
                    font-size: 20px;
                    line-height: 30px;
                    color: #131313;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px;
                overflow: hidden;
                height: 90px;
                right: 0;
                >a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px;
                }
                .my {
                    width: 116px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px;
                    >span:nth-of-type(1) {
                        font-size: 30px;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px;
                        top: 23px;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px;
                        line-height: 14.8px;
                        -moz-border-radius: 7px;
                        border-radius: 7px;
                        min-width: 14.8px;
                        text-align: center;
                    }
                }
            }
        }
    }
    .m-header {
        background: #fff;
        >div {
            width: 708px;
            margin: 0 auto;
            height: 90px;
            line-height: 90px;
            text-align: center;
            position: relative;
            font-size: 0;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 25px;
                left: 0;
                height: 100%;
                >span {
                    font-size: 24px;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px;
                display: inline-block;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px;
                overflow: hidden;
                right: 0;
                height: 100%;
                >a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px;
                }
                .my {
                    width: 116px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px;
                    >span:nth-of-type(1) {
                        font-size: 30px;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px;
                        top: 23px;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px;
                        line-height: 14.8px;
                        -moz-border-radius: 7px;
                        border-radius: 7px;
                        min-width: 14.8px;
                        text-align: center;
                    }
                }
            }
        }
    }
    .M-foot {
        width: 100%;
        height: 205px;
        margin: 0 auto;
        position: relative;
        background-image: url(../../img/foot/m_dise.jpg);
        background-size: 100%;
        >div:nth-of-type(1) {
            width: 402px;
            margin: 0 auto;
            padding-top: 35px;
            overflow: hidden;
            >a {
                width: 182px;
                height: 60px;
                line-height: 60px;
                text-align: center;
                border-radius: 30px;
                display: block;
                color: #fff;
            }
            >a:nth-of-type(1) {
                float: left;
                background: #ff4d4d;
            }
            #M-weixin {
                width: 182px;
                height: 60px;
                line-height: 60px;
                text-align: center;
                border-radius: 30px;
                display: block;
                color: #fff;
                float: right;
                background: #2cb25b;
            }
        }
        >div:nth-of-type(2) {
            position: absolute;
            bottom: 0;
            height: 63px;
            width: 100%;
            background: #000;
            p {
                color: #fff;
                text-align: center;
                line-height: 63px;
                font-size: 19px;
            }
        }
    }
    .M-weixin {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-weixin-content {
            width: 100%;
            position: absolute;
            bottom: -400px;
            >div:nth-of-type(1) {
                text-align: center;
                padding-bottom: 40px;
                span {
                    color: #fff;
                    font-size: 76px;
                }
            }
            >div:nth-of-type(2) {
                // height: 100px;
                background: #fff;
                padding-bottom: 100px;
                border-radius: 15px 15px 0 0;
                text-align: center;
                img {
                    margin-top: 100px;
                    width: 270px;
                    height: 270px;
                }
                p {
                    font-size: 20px;
                    margin-top: 68px;
                }
            }
        }
    }
    .M-location {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-location-content {
            width: 100%;
            position: absolute;
            bottom: 0;
            background: #fff;
            border-radius: 15px 15px 0 0;
            text-align: center;
            >div:nth-of-type(1) {
                height: 80px;
                line-height: 80px;
                color: #a0a0a0;
                font-size: 20px;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px;
                    font-size: 20px;
                }
                span:nth-of-type(2) {
                    color: #a0a0a0;
                    position: absolute;
                    left: 20px;
                    font-size: 20px;
                }
            }
            >div:nth-of-type(2) {
                height: 300px;
                overflow: scroll;
                ul {
                    li {
                        margin: 10px auto 20px;
                        display: block;
                        width: 300px;
                        line-height: 64px;
                        border-radius: 64px;
                        border: 1px solid rgba(000, 000, 000, 0);
                        font-size: 20px;
                    }
                    .M-location-zhong {
                        border: 1px solid #ff7140;
                        color: #ff7140;
                    }
                }
            }
            div:nth-of-type(3) {
                height: 125px;
                padding-top: 25px;
                div {
                    margin: 0 auto;
                    width: 300px;
                    height: 80px;
                    font-size: 24px;
                    background: #ff7140;
                    color: #fff;
                    border-radius: 50px;
                    line-height: 80px;
                }
            }
        }
    }
}

/* 设备568-767时 */

@media screen and (min-width:568px) and (max-width:767px) {
    .PC {
        display: none;
    }
    .M-header {
        background: #fff;
        >div {
            width: 720px/0.64*0.47333;
            margin: 0 auto;
            height: 90px/0.64*0.47333;
            line-height: 90px/0.64*0.47333;
            text-align: center;
            position: relative;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 0px;
                left: 0;
                >a {
                    vertical-align: middle;
                    display: inline-block;
                    line-height: 90px/0.64*0.47333;
                    height: 90px/0.64*0.47333;
                    >img {
                        margin-top: 25px/0.64*0.47333;
                        width: 174px/0.64*0.47333;
                    }
                }
                >span {
                    margin-left: 32px/0.64*0.47333;
                    vertical-align: middle;
                    display: inline-block;
                    padding: 0px 5px/0.64*0.47333;
                    border-radius: 5px/0.64*0.47333;
                    border: solid 1px #080102;
                    color: #fff;
                    font-size: 20px/0.64*0.47333;
                    line-height: 30px/0.64*0.47333;
                    color: #131313;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px/0.64*0.47333;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px/0.64*0.47333;
                overflow: hidden;
                right: 0;
                a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px/0.64*0.47333;
                }
                .my {
                    width: 116px/0.64*0.47333;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px/0.64*0.47333;
                    >span:nth-of-type(1) {
                        font-size: 30px/0.64*0.47333;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px/0.64*0.47333;
                        top: 23px/0.64*0.47333;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px/0.64*0.47333;
                        line-height: 14.8px/0.64*0.47333;
                        -moz-border-radius: 7px/0.64*0.47333;
                        border-radius: 7px/0.64*0.47333;
                        min-width: 14.8px/0.64*0.47333;
                        text-align: center;
                    }
                }
            }
        }
    }
    .m-header {
        background: #fff;
        >div {
            width: 708px/0.64*0.47333;
            margin: 0 auto;
            height: 90px/0.64*0.47333;
            line-height: 90px/0.64*0.47333;
            text-align: center;
            position: relative;
            font-size: 0;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 25px/0.64*0.47333;
                left: 0;
                height: 100%;
                >span {
                    font-size: 24px/0.64*0.47333;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px/0.64*0.47333;
                display: inline-block;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px/0.64*0.47333;
                overflow: hidden;
                right: 0;
                height: 100%;
                >a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px/0.64*0.47333;
                }
                .my {
                    width: 116px/0.64*0.47333;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px/0.64*0.47333;
                    >span:nth-of-type(1) {
                        font-size: 30px/0.64*0.47333;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px/0.64*0.47333;
                        top: 23px/0.64*0.47333;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px/0.64*0.47333;
                        line-height: 14.8px/0.64*0.47333;
                        -moz-border-radius: 7px/0.64*0.47333;
                        border-radius: 7px/0.64*0.47333;
                        min-width: 14.8px/0.64*0.47333;
                        text-align: center;
                    }
                }
            }
        }
    }
    .M-foot {
        width: 100%;
        height: 205px/0.64*0.47333;
        margin: 0 auto;
        position: relative;
        background-image: url(../../img/foot/m_dise.jpg);
        background-size: 100%;
        >div:nth-of-type(1) {
            width: 402px/0.64*0.47333;
            margin: 0 auto;
            padding-top: 35px/0.64*0.47333;
            overflow: hidden;
            >a {
                width: 182px/0.64*0.47333;
                height: 60px/0.64*0.47333;
                line-height: 60px/0.64*0.47333;
                text-align: center;
                border-radius: 30px/0.64*0.47333;
                display: block;
                color: #fff;
                font-size: 22px/0.64*0.47333;
            }
            >a:nth-of-type(1) {
                float: left;
                background: #ff4d4d;
            }
            #M-weixin {
                width: 182px/0.64*0.47333;
                height: 60px/0.64*0.47333;
                line-height: 60px/0.64*0.47333;
                text-align: center;
                border-radius: 30px/0.64*0.47333;
                display: block;
                color: #fff;
                float: right;
                font-size: 22px/0.64*0.47333;
                background: #2cb25b;
            }
        }
        >div:nth-of-type(2) {
            position: absolute;
            bottom: 0;
            height: 63px/0.64*0.47333;
            width: 100%;
            background: #000;
            p {
                color: #fff;
                text-align: center;
                line-height: 63px/0.64*0.47333;
                font-size: 19px/0.64*0.47333;
            }
        }
    }
    .M-weixin {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-weixin-content {
            width: 100%;
            position: absolute;
            bottom: -400px/0.64*0.47333;
            >div:nth-of-type(1) {
                text-align: center;
                padding-bottom: 40px/0.64*0.47333;
                span {
                    color: #fff;
                    font-size: 76px/0.64*0.47333;
                }
            }
            >div:nth-of-type(2) {
                // height: 100px/0.64*0.47333;
                background: #fff;
                padding-bottom: 100px/0.64*0.47333;
                border-radius: 15px/0.64*0.47333 15px/0.64*0.47333 0 0;
                text-align: center;
                img {
                    margin-top: 100px/0.64*0.47333;
                    width: 270px/0.64*0.47333;
                    height: 270px/0.64*0.47333;
                }
                p {
                    font-size: 20px/0.64*0.47333;
                    margin-top: 68px/0.64*0.47333;
                }
            }
        }
    }
    .M-location {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-location-content {
            width: 100%;
            position: absolute;
            bottom: 0;
            background: #fff; // height: 500px;
            border-radius: 15px/0.64*0.47333 15px/0.64*0.47333 0 0;
            text-align: center;
            >div:nth-of-type(1) {
                height: 80px/0.64*0.47333;
                line-height: 80px/0.64*0.47333;
                color: #a0a0a0;
                font-size: 20px/0.64*0.47333;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px/0.64*0.47333;
                    font-size: 20px/0.64*0.47333;
                }
                span:nth-of-type(2) {
                    color: #a0a0a0;
                    position: absolute;
                    left: 20px/0.64*0.47333;
                    font-size: 20px/0.64*0.47333;
                }
            }
            >div:nth-of-type(2) {
                height: 300px/0.64*0.47333;
                overflow: scroll;
                ul {
                    li {
                        margin: 10px/0.64*0.47333 auto 20px/0.64*0.47333;
                        display: block;
                        width: 300px/0.64*0.47333;
                        line-height: 64px/0.64*0.47333;
                        border-radius: 64px/0.64*0.47333;
                        border: 1px solid rgba(000, 000, 000, 0);
                        font-size: 20px/0.64*0.47333;
                    }
                    .M-location-zhong {
                        border: 1px solid #ff7140;
                        color: #ff7140;
                    }
                }
            }
            div:nth-of-type(3) {
                height: 125px/0.64*0.47333;
                padding-top: 25px/0.64*0.47333;
                div {
                    margin: 0 auto;
                    width: 300px/0.64*0.47333;
                    height: 80px/0.64*0.47333;
                    font-size: 24px/0.64*0.47333;
                    background: #ff7140;
                    color: #fff;
                    border-radius: 50px/0.64*0.47333;
                    line-height: 80px/0.64*0.47333;
                }
            }
        }
    }
}

/* 设备375-567时 */

@media screen and (min-width:375px) and (max-width:567px) {
    .PC {
        display: none;
    }
    .M-header {
        background: #fff;
        >div {
            width: 720px/0.64*0.3125;
            margin: 0 auto;
            height: 90px/0.64*0.3125;
            line-height: 90px/0.64*0.3125;
            text-align: center;
            position: relative;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 0px;
                left: 0;
                >a {
                    vertical-align: middle;
                    display: inline-block;
                    line-height: 90px/0.64*0.3125;
                    height: 90px/0.64*0.3125;
                    >img {
                        margin-top: 25px/0.64*0.3125;
                        width: 174px/0.64*0.3125;
                    }
                }
                >span {
                    margin-left: 32px/0.64*0.3125;
                    vertical-align: middle;
                    display: inline-block;
                    padding: 0px 5px/0.64*0.3125;
                    border-radius: 5px/0.64*0.3125;
                    border: solid 1px #080102;
                    color: #fff;
                    font-size: 20px/0.64*0.3125;
                    line-height: 15px;
                    color: #131313;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px/0.64*0.3125;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px/0.64*0.3125;
                overflow: hidden;
                right: 0;
                a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px/0.64*0.3125;
                }
                .my {
                    width: 116px/0.64*0.3125;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px/0.64*0.3125;
                    >span:nth-of-type(1) {
                        font-size: 30px/0.64*0.3125;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px/0.64*0.3125;
                        top: 23px/0.64*0.3125;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px/0.64*0.3125;
                        line-height: 14.8px/0.64*0.3125;
                        -moz-border-radius: 7px/0.64*0.3125;
                        border-radius: 7px/0.64*0.3125;
                        min-width: 14.8px/0.64*0.3125;
                        text-align: center;
                    }
                }
            }
        }
    }
    .m-header {
        background: #fff;
        >div {
            width: 720px/0.64*0.3125;
            margin: 0 auto;
            height: 90px/0.64*0.3125;
            line-height: 42px;
            text-align: center;
            position: relative;
            font-size: 0;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 25px/0.64*0.3125;
                left: 0;
                height: 100%;
                >span {
                    font-size: 24px/0.64*0.3125;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px/0.64*0.3125;
                display: inline-block;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px/0.64*0.3125;
                overflow: hidden;
                right: 0;
                height: 100%;
                >a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px/0.64*0.3125;
                }
                .my {
                    width: 116px/0.64*0.3125;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px/0.64*0.3125;
                    >span:nth-of-type(1) {
                        font-size: 30px/0.64*0.3125;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px/0.64*0.3125;
                        top: 23px/0.64*0.3125;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px/0.64*0.3125;
                        line-height: 14.8px/0.64*0.3125;
                        -moz-border-radius: 7px/0.64*0.3125;
                        border-radius: 7px/0.64*0.3125;
                        min-width: 14.8px/0.64*0.3125;
                        text-align: center;
                    }
                }
            }
        }
    }
    .M-foot {
        width: 100%;
        height: 205px/0.64*0.3125;
        margin: 0 auto;
        position: relative;
        background-image: url(../../img/foot/m_dise.jpg);
        background-size: 100%;
        >div:nth-of-type(1) {
            width: 402px/0.64*0.3125;
            margin: 0 auto;
            padding-top: 35px/0.64*0.3125;
            overflow: hidden;
            >a {
                width: 182px/0.64*0.3125;
                height: 60px/0.64*0.3125;
                line-height: 60px/0.64*0.3125;
                text-align: center;
                border-radius: 30px/0.64*0.3125;
                display: block;
                color: #fff;
                font-size: 22px/0.64*0.3125;
            }
            >a:nth-of-type(1) {
                float: left;
                background: #ff4d4d;
            }
            #M-weixin {
                width: 182px/0.64*0.3125;
                height: 60px/0.64*0.3125;
                line-height: 60px/0.64*0.3125;
                text-align: center;
                border-radius: 30px/0.64*0.3125;
                display: block;
                color: #fff;
                float: right;
                font-size: 22px/0.64*0.3125;
                background: #2cb25b;
            }
        }
        >div:nth-of-type(2) {
            position: absolute;
            bottom: 0;
            height: 63px/0.64*0.3125;
            width: 100%;
            background: #000;
            p {
                color: #fff;
                text-align: center;
                line-height: 63px/0.64*0.3125;
                font-size: 19px/0.64*0.3125;
            }
        }
    }
    .M-weixin {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-weixin-content {
            width: 100%;
            position: absolute;
            bottom: -400px/0.64*0.3125;
            >div:nth-of-type(1) {
                text-align: center;
                padding-bottom: 40px/0.64*0.3125;
                span {
                    color: #fff;
                    font-size: 76px/0.64*0.3125;
                }
            }
            >div:nth-of-type(2) {
                // height: 100px/0.64*0.3125;
                background: #fff;
                padding-bottom: 100px/0.64*0.3125;
                border-radius: 15px/0.64*0.3125 15px/0.64*0.3125 0 0;
                text-align: center;
                img {
                    margin-top: 100px/0.64*0.3125;
                    width: 270px/0.64*0.3125;
                    height: 270px/0.64*0.3125;
                }
                p {
                    font-size: 20px/0.64*0.3125;
                    margin-top: 68px/0.64*0.3125;
                }
            }
        }
    }
    .M-location {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-location-content {
            width: 100%;
            position: absolute;
            bottom: 0;
            background: #fff; // height: 500px;
            border-radius: 15px/0.64*0.3125 15px/0.64*0.3125 0 0;
            text-align: center;
            >div:nth-of-type(1) {
                height: 80px/0.64*0.3125;
                line-height: 80px/0.64*0.3125;
                color: #a0a0a0;
                font-size: 20px/0.64*0.3125;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px/0.64*0.3125;
                    font-size: 20px/0.64*0.3125;
                }
                span:nth-of-type(2) {
                    color: #a0a0a0;
                    position: absolute;
                    left: 20px/0.64*0.3125;
                    font-size: 20px/0.64*0.3125;
                }
            }
            >div:nth-of-type(2) {
                height: 300px/0.64*0.3125;
                overflow: scroll;
                ul {
                    li {
                        margin: 10px/0.64*0.3125 auto 20px/0.64*0.3125;
                        display: block;
                        width: 300px/0.64*0.3125;
                        line-height: 64px/0.64*0.3125;
                        border-radius: 64px/0.64*0.3125;
                        border: 1px solid rgba(000, 000, 000, 0);
                        font-size: 20px/0.64*0.3125;
                    }
                    .M-location-zhong {
                        border: 1px solid #ff7140;
                        color: #ff7140;
                    }
                }
            }
            div:nth-of-type(3) {
                height: 125px/0.64*0.3125;
                padding-top: 25px/0.64*0.3125;
                div {
                    margin: 0 auto;
                    width: 300px/0.64*0.3125;
                    height: 80px/0.64*0.3125;
                    font-size: 24px/0.64*0.3125;
                    background: #ff7140;
                    color: #fff;
                    border-radius: 50px/0.64*0.3125;
                    line-height: 80px/0.64*0.3125;
                }
            }
        }
    }
}

/* 设备<375时 */

@media screen and (max-width:374px) {
    .PC {
        display: none;
    }
    .M-header {
        background: #fff;
        >div {
            width: 300px;
            margin: 0 auto;
            height: 90px/0.64*0.3125;
            line-height: 90px/0.64*0.3125;
            text-align: center;
            position: relative;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 0px;
                left: 0;
                >a {
                    vertical-align: middle;
                    display: inline-block;
                    line-height: 90px/0.64*0.2666666;
                    height: 90px/0.64*0.2666666;
                    >img {
                        margin-top: 25px/0.64*0.2666666;
                        width: 174px/0.64*0.2666666;
                    }
                }
                >span {
                    margin-left: 32px/0.64*0.2666666;
                    vertical-align: middle;
                    display: inline-block;
                    padding: 0px 5px/0.64*0.2666666;
                    border-radius: 5px/0.64*0.2666666;
                    border: solid 1px #080102;
                    color: #fff;
                    font-size: 20px/0.64*0.2666666;
                    line-height: 30px/0.64*0.2666666;
                    color: #131313;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px/0.64*0.2666666;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px/0.64*0.2666666;
                overflow: hidden;
                right: 0;
                a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px/0.64*0.2666666;
                }
                .my {
                    width: 116px/0.64*0.2666666;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px/0.64*0.2666666;
                    >span:nth-of-type(1) {
                        font-size: 30px/0.64*0.2666666;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px/0.64*0.2666666;
                        top: 23px/0.64*0.2666666;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px/0.64*0.2666666;
                        line-height: 14.8px/0.64*0.2666666;
                        -moz-border-radius: 7px/0.64*0.2666666;
                        border-radius: 7px/0.64*0.2666666;
                        min-width: 14.8px/0.64*0.2666666;
                        text-align: center;
                    }
                }
            }
        }
    }
    .m-header {
        background: #fff;
        >div {
            width: 708px/0.64*0.2666666;
            margin: 0 auto;
            height: 90px/0.64*0.2666666;
            line-height: 90px/0.64*0.2666666;
            text-align: center;
            position: relative;
            font-size: 0;
            >span:nth-of-type(1) {
                position: absolute;
                font-size: 25px/0.64*0.2666666;
                left: 0;
                height: 100%;
                >span {
                    font-size: 24px/0.64*0.2666666;
                }
            }
            >span:nth-of-type(2) {
                font-size: 25px/0.64*0.2666666;
                display: inline-block;
            }
            >span:nth-of-type(3) {
                position: absolute;
                font-size: 25px/0.64*0.2666666;
                overflow: hidden;
                right: 0;
                height: 100%;
                >a {
                    display: inline-block;
                    overflow: hidden;
                    margin-right: 10px/0.64*0.2666666;
                }
                .my {
                    width: 116px/0.64*0.2666666;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #219dfd;
                }
                .car {
                    width: 50px/0.64*0.2666666;
                    >span:nth-of-type(1) {
                        font-size: 30px/0.64*0.2666666;
                    }
                    >span:nth-of-type(2) {
                        position: absolute;
                        right: 10px/0.64*0.2666666;
                        top: 23px/0.64*0.2666666;
                        display: block;
                        background: #e53b37;
                        color: #fff;
                        padding: 1px;
                        font-size: 10.8px/0.64*0.2666666;
                        line-height: 14.8px/0.64*0.2666666;
                        -moz-border-radius: 7px/0.64*0.2666666;
                        border-radius: 7px/0.64*0.2666666;
                        min-width: 14.8px/0.64*0.2666666;
                        text-align: center;
                    }
                }
            }
        }
    }
    .M-foot {
        width: 100%;
        height: 205px/0.64*0.2666666;
        margin: 0 auto;
        position: relative;
        background-image: url(../../img/foot/m_dise.jpg);
        background-size: 100%;
        >div:nth-of-type(1) {
            width: 402px/0.64*0.2666666;
            margin: 0 auto;
            padding-top: 35px/0.64*0.2666666;
            overflow: hidden;
            >a {
                width: 182px/0.64*0.2666666;
                height: 60px/0.64*0.2666666;
                line-height: 60px/0.64*0.2666666;
                text-align: center;
                border-radius: 30px/0.64*0.2666666;
                display: block;
                color: #fff;
                font-size: 22px/0.64*0.2666666;
            }
            >a:nth-of-type(1) {
                float: left;
                background: #ff4d4d;
            }
            #M-weixin {
                width: 182px/0.64*0.2666666;
                height: 60px/0.64*0.2666666;
                line-height: 60px/0.64*0.2666666;
                text-align: center;
                border-radius: 30px/0.64*0.2666666;
                display: block;
                color: #fff;
                float: right;
                font-size: 22px/0.64*0.2666666;
                background: #2cb25b;
            }
        }
        >div:nth-of-type(2) {
            position: absolute;
            bottom: 0;
            height: 63px/0.64*0.2666666;
            width: 100%;
            background: #000;
            p {
                color: #fff;
                text-align: center;
                line-height: 63px/0.64*0.2666666;
                font-size: 19px/0.64*0.2666666;
            }
        }
    }
    .M-weixin {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-weixin-content {
            width: 100%;
            position: absolute;
            bottom: -400px/0.64*0.2666666;
            >div:nth-of-type(1) {
                text-align: center;
                padding-bottom: 40px/0.64*0.2666666;
                span {
                    color: #fff;
                    font-size: 76px/0.64*0.2666666;
                }
            }
            >div:nth-of-type(2) {
                // height: 100px/0.64*0.2666666;
                background: #fff;
                padding-bottom: 100px/0.64*0.2666666;
                border-radius: 15px/0.64*0.2666666 15px/0.64*0.2666666 0 0;
                text-align: center;
                img {
                    margin-top: 100px/0.64*0.2666666;
                    width: 270px/0.64*0.2666666;
                    height: 270px/0.64*0.2666666;
                }
                p {
                    font-size: 20px/0.64*0.2666666;
                    margin-top: 68px/0.64*0.2666666;
                }
            }
        }
    }
    .M-location {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(000, 000, 000, 0.5);
        .M-location-content {
            width: 100%;
            position: absolute;
            bottom: 0;
            background: #fff; // height: 500px;
            border-radius: 15px/0.64*0.2666666 15px/0.64*0.2666666 0 0;
            text-align: center;
            >div:nth-of-type(1) {
                height: 80px/0.64*0.2666666;
                line-height: 80px/0.64*0.2666666;
                color: #a0a0a0;
                font-size: 20px/0.64*0.2666666;
                border-bottom: 1px solid #e9e9e9;
                span:nth-of-type(1) {
                    color: #a0a0a0;
                    position: absolute;
                    right: 20px/0.64*0.2666666;
                    font-size: 20px/0.64*0.2666666;
                }
                span:nth-of-type(2) {
                    color: #a0a0a0;
                    position: absolute;
                    left: 20px/0.64*0.2666666;
                    font-size: 20px/0.64*0.2666666;
                }
            }
            >div:nth-of-type(2) {
                height: 300px/0.64*0.2666666;
                overflow: scroll;
                ul {
                    li {
                        margin: 10px/0.64*0.2666666 auto 20px/0.64*0.2666666;
                        display: block;
                        width: 300px/0.64*0.2666666;
                        line-height: 64px/0.64*0.2666666;
                        border-radius: 64px/0.64*0.2666666;
                        border: 1px solid rgba(000, 000, 000, 0);
                        font-size: 20px/0.64*0.2666666;
                    }
                    .M-location-zhong {
                        border: 1px solid #ff7140;
                        color: #ff7140;
                    }
                }
            }
            div:nth-of-type(3) {
                height: 125px/0.64*0.2666666;
                padding-top: 25px/0.64*0.2666666;
                div {
                    margin: 0 auto;
                    width: 300px/0.64*0.2666666;
                    height: 80px/0.64*0.2666666;
                    font-size: 24px/0.64*0.2666666;
                    background: #ff7140;
                    color: #fff;
                    border-radius: 50px/0.64*0.2666666;
                    line-height: 80px/0.64*0.2666666;
                }
            }
        }
    }
}